<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:88:"D:\phpStudy\WWW\qybaowap\public/../application/index\view\supplier\supplierpersonal.html";i:1514284149;}*/ ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <script src="__STATIC__/js/base.js"></script>
    <title>服务商加盟-个人</title>
    <link rel="stylesheet" href="__STATIC__/css/base.css">
    <link rel="stylesheet" href="__STATIC__/css/privider.css">
    <link rel="stylesheet" href="__STATIC__/js/layer_mobile/need/layer.css">
    <script src="__STATIC__/js/jquery-1.11.1.min.js"></script>
    <script src="__STATIC__/js/form_validation.js"></script>
    <script src="__STATIC__/js/layer_mobile/layer.js"></script>
</head>
<body>
<section class="wrap">
    <div  class="add-privider">
        <span class="add-privider-title" >填写个人资料</span>
    </div>
    <div  class="privider-form">
        <form id="form1">
            <div class="form-content ">
                <div class="clearfix input-inline">
                    <div class="formtitle pull-left">用户名：</div>
                    <div class="formcontent pull-left">
                        <input tabindex="1"  id="user_name_a" class="inputstyle1" autocomplete="off" type="text" name="username" placeholder="请输入姓名"/>
                        <span class="success"></span>
                    </div>
                </div>
            </div>
            <div class="form-content ">
                <div class="clearfix input-inline">
                    <div class="formtitle pull-left">服务商名称：</div>
                    <div class="formcontent pull-left">
                        <input tabindex="1"  id="phone_number" class="inputstyle1" autocomplete="off" type="text" name="username" placeholder="请输入手机号"/>
                        <span class="success"></span>
                    </div>
                </div>
            </div>
            <div class="form-content ">
                <div class="clearfix input-inline position-re">
                    <div class="formtitle pull-left">真实姓名：</div>
                    <div class="formcontent pull-left formcontent-capche">
                        <input tabindex="1"  id="code" class="inputstyle1 inputstyle1-capche" autocomplete="off" type="text" name="username" placeholder="请输入验证码"/>
                        <span class="success"></span>
                    </div>
                    <input type="button" class="position-capche"  value="发送验证码" id="verification_code"  >
                </div>
            </div>
            <div class="form-content ">
                <div class="clearfix input-inline">
                    <div class="formtitle pull-left">身份证号：</div>
                    <div class="formcontent pull-left">
                        <input tabindex="1"  id="" class="inputstyle1" autocomplete="off" type="text" name="username" placeholder="请输入推荐码"/>
                        <span class="success"></span>
                    </div>
                </div>
            </div>
            <div class="form-content ">
                <div class="clearfix input-inline">
                    <div class="formtitle pull-left">性别：</div>
                    <div class="formcontent pull-left" style="border:none;padding-top: 0.32rem">
                        <span  style="margin-right: 1.2rem"> <input type="radio"  name="sex" value="0" class="radio" checked>男</span>
                        <span  > <input type="radio"  name="sex" value="1" class="radio">女</span>
                    </div>
                </div>
            </div>
            <div class="form-content ">
                <div class="clearfix input-inline">
                    <div class="formtitle pull-left">办公区域：</div>
                    <div class="formcontent pull-left" style="border:none;padding-top: 0.32rem">

                    </div>
                </div>
            </div>
            <div class="form-content ">
                <div class="clearfix input-inline">
                    <div class="formtitle pull-left">身份标签：</div>
                    <div class="formcontent pull-left"  >
                        <input tabindex="1"    class="inputstyle1" autocomplete="off" type="text" name="username" placeholder="请输入身份标签"/>
                    </div>
                </div>
            </div>
            <div class="form-content ">
                <div class="clearfix input-inline">
                    <div class="formtitle pull-left">行业经验：</div>
                    <div class="formcontent pull-left"  >
                        <input tabindex="1"    class="inputstyle1" autocomplete="off" type="text" name="username" placeholder="请输入行业经验（年）"/>
                    </div>
                </div>
            </div>
            <div class="form-content ">
                <div class="clearfix input-inline">
                    <div class="formtitle pull-left">服务分类：</div>
                    <div class="formcontent pull-left" style="border:none;padding-top: 0.32rem">

                    </div>
                </div>
            </div>
            <div class="form-content ">
                <div class="clearfix input-inline">
                    <div class="formtitle pull-left">身份证正面照：</div>
                    <div class="formcontent pull-left" style="border:none;padding-top: 0.32rem">

                    </div>
                </div>
            </div>
            <div class="form-content ">
                <div class="clearfix input-inline">
                    <div class="formtitle pull-left">身份证反面照：</div>
                    <div class="formcontent pull-left" style="border:none;padding-top: 0.32rem">

                    </div>
                </div>
            </div>
            <div class="form-content ">
                <div class="clearfix input-inline">
                    <div class="formtitle pull-left">头像：</div>
                    <div class="formcontent pull-left" style="border:none;padding-top: 0.32rem">
                        <div id="headimg" class="edit">
                            <img src="__STATIC__/images/head.jpg">
                            <span  class="btn">修改头像</span>
                        </div>
                        <!--图片裁剪-->
                        <div class="clipbg displaynone">
                            <div id="clipArea" style="user-select: none; overflow: hidden; position: relative;"><div class="photo-clip-layer" style="position: absolute; left: 50%; top: 50%; width: 300px; height: 300px; margin-left: -150px; margin-top: -150px;"><div class="photo-clip-move-layer" style="transform-origin: 0px 0px 0px; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) scale(1) translateZ(0px); width: 0px; height: 0px;"><div class="photo-clip-rotation-layer"></div></div></div><div class="photo-clip-mask" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none;"><div class="photo-clip-mask-left" style="position: absolute; left: 0px; right: 50%; top: 50%; bottom: 50%; width: auto; background-color: rgba(0, 0, 0, 0.5); margin-right: 150px; margin-top: -150px; margin-bottom: -150px;"></div><div class="photo-clip-mask-right" style="position: absolute; left: 50%; right: 0px; top: 50%; bottom: 50%; background-color: rgba(0, 0, 0, 0.5); margin-left: 150px; margin-top: -150px; margin-bottom: -150px;"></div><div class="photo-clip-mask-top" style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 50%; background-color: rgba(0, 0, 0, 0.5); margin-bottom: 150px;"></div><div class="photo-clip-mask-bottom" style="position: absolute; left: 0px; right: 0px; top: 50%; bottom: 0px; background-color: rgba(0, 0, 0, 0.5); margin-top: 150px;"></div><div class="photo-clip-area" style="border: 2px dashed rgb(221, 221, 221); position: absolute; left: 50%; top: 50%; width: 300px; height: 300px; transform: translate(-50%, -50%);"></div></div></div>
                            <div class="loading displaynone">正在载入图片...</div>
                            <div class="footer">
                                <dl>
                                    <dd style="background: #22a0dc; color: #ffffff;border: none;">打开相册<input type="file" id="file" accept="image/jpeg, image/x-png, image/gif"></dd>
                                    <dd id="clipBtn">完成裁剪</dd>
                                </dl>
                                <div class="back">取消</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="privider-button-div" style="padding-bottom: 0.812rem">
            <input type="button" value="下一步" class="privider-button" id="sublimit">
           </div>
        </form>
    </div>
</section>
<link rel="stylesheet" type="text/css" href="__STATIC__/js/upload/aui.css">
<link rel="stylesheet" href="__STATIC__/js/upload/intial.css">
<script type="text/javascript" src="__STATIC__/js/upload/hammer.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/upload/lrz.all.bundle.js"></script>
<script type="text/javascript" src="__STATIC__/js/upload/iscroll-zoom-min.js"></script>
<script type="text/javascript" src="__STATIC__/js/upload/PhotoClip.js"></script>
<script>
    $(".edit").click(function(){
        $(".clipbg").fadeIn()
    })
    var clipArea = new  PhotoClip("#clipArea", {
        size: [300,300],//裁剪框大小
        outputSize:[0,0],//打开图片大小，[0,0]表示原图大小
        file: "#file",
        ok: "#clipBtn",
        loadStart: function() { //图片开始加载的回调函数。this 指向当前 PhotoClip 的实例对象，并将正在加载的 file 对象作为参数传入。（如果是使用非 file 的方式加载图片，则该参数为图片的 url）
            $(".loading").removeClass("displaynone");

        },
        loadComplete: function(){
//            $(".loading").addClass("displaynone");
        },
        done: function(dataURL) { //裁剪完成的回调函数。this 指向当前 PhotoClip 的实例对象，会将裁剪出的图像数据DataURL作为参数传入。
            console.log(dataURL);//dataURL裁剪后图片地址base64格式提交给后台处理
            $(".clipbg").fadeOut();
            $('#headimg img').attr('src',dataURL);
        }
    });
    $(".back").click(function(){
        $(".clipbg").fadeOut()
    })
</script>
<script>
    $(function(){
        $('#sublimit').on('click',function(){
            var  res = searchSub();
            if(res =='ok'){

            }else{
                //信息框
                //提示
                layer.open({
                    content:res
                    ,skin: 'msg'
                    ,time:3 //2秒后自动关闭
                });
            }
        });
    });
</script>
</body>
</html>